<app-dept-tree-area [treelists]="menu"></app-dept-tree-area>

<style>
    .ant-tree li ul{
    margin: 60px;
    padding: 0 0 0 200px;
  } 
</style>
<p>home works!</p>
<p>我是Home</p>
<h1>这里放了我的按钮</h1>
<button nz-button nzType="primary">Primary</button>
<button nz-button nzType="default">Default</button>
<button nz-button nzType="dashed">Dashed</button>
<button nz-button nzType="danger">Danger</button>
<button nz-button nzType="link">Link222</button>

<h1>我是栅格布局</h1>
<div nz-row>
    <div nz-col nzSpan="12">col-12</div>
    <div nz-col nzSpan="12">col-12</div>
  </div>
  <div nz-row>
    <div nz-col nzSpan="8">col-8</div>
    <div nz-col nzSpan="8">col-8</div>
    <div nz-col nzSpan="8">col-8</div>
  </div>
  <div nz-row>
    <div nz-col nzSpan="6">col-6</div>
    <div nz-col nzSpan="6">col-6</div>
    <div nz-col nzSpan="6">col-6</div>
    <div nz-col nzSpan="6">col-6</div>
  </div>

  <h1>我是面包屑导航</h1>
  <nz-breadcrumb>
    <nz-breadcrumb-item>
      Home
    </nz-breadcrumb-item>
    <nz-breadcrumb-item>
      <a>Application List</a>
    </nz-breadcrumb-item>
    <nz-breadcrumb-item>
      An Application
    </nz-breadcrumb-item>
  </nz-breadcrumb>

  <h1>我是树形控件</h1>
  <div class="tree">
      <nz-tree  class="tree2" #nzTreeComponent
      [nzData]="nodes2" 
      [nzShowLine]="true"
      nzCheckable
      nzMultiple
      [nzCheckedKeys]="defaultCheckedKeys"
      [nzExpandedKeys]="defaultExpandedKeys"
      [nzSelectedKeys]="defaultSelectedKeys"
      (nzClick)="nzEvent($event)"
      (nzExpandChange)="nzEvent($event)"
      (nzCheckBoxChange)="nzEvent($event)"
      getTreeNodes
    >
      </nz-tree>
  </div>

  <button (click)="getValue()">获取选中的值</button>
  